﻿<!DOCTYPE HTML>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>店铺详情</title>
		<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
		<script src="js/jquery.min.js"></script>
		 <!-- Custom Theme files -->
		<link href="css/style.css" rel='stylesheet' type='text/css' />
   		 <!-- Custom Theme files -->
   		 <meta name="viewport" content="width=device-width, initial-scale=1">
		 <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
   		 <!-- webfonts -->
   		 <link href='http://fonts.useso.com/css?family=Glegoo:400,700' rel='stylesheet' type='text/css'>
   		 <link href='http://fonts.useso.com/css?family=Rochester' rel='stylesheet' type='text/css'>
   		 <link href='http://fonts.useso.com/css?family=Lora:400,700' rel='stylesheet' type='text/css'>
   		  <!-- webfonts -->
   		  <!-- calendar -->
		    <link href='css/fullcalendar.css' rel='stylesheet' />
			<link href='css/fullcalendar.print.css' rel='stylesheet' media='print' />
			<script src='js/moment.min.js'></script>
			<script src='js/fullcalendar.min.js'></script>
			<script>
			
				$(document).ready(function() {
					
					$('#calendar').fullCalendar({
						/**
						header: {
							left: 'prev,next today',
							center: 'title',
							right: 'month,agendaWeek,agendaDay'
						},
						*/
						defaultDate: '2015-1-27',
						selectable: true,
						selectHelper: true,
						select: function(start, end) {
							//var title = prompt('Event Title:');
							//根据id获取子events元素
							var eventsC = $('#calendar').fullCalendar( 'clientEvents',start);
							var length = eventsC.length;
							//alert(eventsC.length);
							//根据id删除事件
							//$('#calendar').fullCalendar( 'removeEvents' ,start );
							var title = '繁忙';
							var eventData;
							if (title && length == 0) {
								eventData = {
									id:start,
									url:'javascript:RemoveEvents('+start+');',
									title: title,
									start: start,
									end: end
								};
								$('#calendar').fullCalendar('renderEvent', eventData, true); // stick? = true
							} 
							$('#calendar').fullCalendar('unselect');
						},
						editable: true,
						eventLimit: true, // allow "more" link when too many events
						events: [{
							title: 'Click for Google',
							url: 'http://google.com/',
							start: '2015-01-28'
						}
						]
						/* events: function(start, end, timezone, callback) {
					        $.ajax({
					            url: 'myxmlfeed.php',
					            dataType: 'xml',
					            data: {
					                // our hypothetical feed requires UNIX timestamps
					                start: start.unix(),
					                end: end.unix()
					            },
					            success: function(doc) {
					                var events = [];
					                $(doc).find('event').each(function() {
					                    events.push({
					                        title: $(this).attr('title'),
					                        start: $(this).attr('start') // will be parsed
					                    });
					                });
					                callback(events);
					            }
					        });
					    } */
					});
					
				});
			
				//根据主键删除events事件
				function RemoveEvents(id){
					$('#calendar').fullCalendar( 'removeEvents' ,id );
				};
			</script>
	</head>
	<body>
		<!-- container -->
		<!-- header -->
		<div class="header">
			<!-- top-header -->
			<div class="top-header">
				<div class="container">
					<div class="rigister-info">
						<ul>
							<li><a href="login/login.html">登录</a></li>
							<li><a href="login/register.html">注册</a></li>
							<div class="clearfix"> </div>
						</ul>
					</div>
					<div class="clearfix"> </div>
				</div>
			</div>
			<!-- /top-header -->
			<!-- bottom-header -->
			<div class="bottom-header">
				<div class="container">
					<div class="bottom-header-left">
						<p>The home network, the right choice for you! &nbsp;&nbsp; Welcome! </p>
					</div>
					<div class="logo">
						<a href="index.html"><img src="images/logo.png" title="gaia" /></a>
					</div>
					<div class="bottom-header-right">
						<ul>
							<li><a href="index.html">首页</a></li>
							<li><a href="user.html">用户中心</a></li>
							<li><a href="seller.html">卖家中心</a></li>
							<li><a href="contact.html">联系我们</a></li>
						</ul>
						<div class="search-cart">
							<div class="search-box">
								<form>
									<input type="text" value="Search..." />
									<input type="submit" value="" />
								</form>
							</div>
							<div class="cart-box">
								<select>
									<option> 店铺</option>
									<option> 案例</option>
								</select>
							</div>
							<div class="clearfix"> </div>
						</div>
					</div>
				</div>
			</div>
			<!-- /bottom-header -->
		</div>
		<!-- header -->
		<!--- top-nav -->
		<div class="top-nav">
			<div class="container">
				<span class="menu"> </span>
				<ul>
					<li><a href="" class="city_select">当前城市 &nbsp;[<span class="selected" style="padding:0 10px;">温哥华 </span>]&nbsp;</a>
					  <ul class="city" style="display:none; float: left; width: 500px; position: absolute; z-index: 999; padding: 10px; border: 1px solid rgb(176, 170, 160); background: rgb(240, 248, 255);">
					    <li>温哥华 </li>
						<li>渥太华 </li>
						<li>多伦多</li>
						<li>卡尔加里</li>
						<li>蒙特利尔</li>
						<li>魁北克市</li>
						<li>艾德蒙顿</li>
					  </ul>
				  </li>
					<li><a href="index.html">首页<span> </span></a></li>
					<li><a href="shop.html">店铺<span> </span></a></li>
					<li><a href="case.html">案例<span> </span></a></li>
					<!--<li><a href="contact.html">Contact Us<span> </span></a></li>-->
					<div class="clearfix"> </div>
				</ul>
			</div>
		</div>
		<!--- top-nav -->
		<!-- script-for-nav -->
		<script>
			$(document).ready(function(){
				$("span.menu").click(function(){
					$(".top-nav ul").slideToggle(500);
				});
				
				$('.container li').hover(function() {
					$('ul', this).slideDown(200);
					$(".city li").click(function(){
					    var text = $(this).text();
						$(".selected").html(text)
				    });
				}, function() {
					$('ul', this).slideUp(100);	
				});
			});
		</script>
			
		<!-- /script-for-nav -->
		<!-- Product-Details-page -->
		<div class="details-page">
			<div class="content details-page">
			<!---start-product-details--->
			<div class="product-details">
				<div class="container">
					<ul class="product-head">
						<li><a href="shop.html">店铺</a> <span>::</span></li>
						<li class="active-page">详情</li>
						<div class="clearfix"> </div>
					</ul>
				<!----details-product-slider--->
				<!-- Include the Etalage files -->
					<link rel="stylesheet" href="css/etalage.css">
					<script src="js/jquery.etalage.min.js"></script>
				<!-- Include the Etalage files -->
				<script>
						jQuery(document).ready(function($){
			
							$('#etalage').etalage({
								thumb_image_width: 300,
								thumb_image_height: 400,
								source_image_width: 900,
								source_image_height: 1000,
								show_hint: true,
								click_callback: function(image_anchor, instance_id){
									alert('Callback example:\nYou clicked on an image with the anchor: "'+image_anchor+'"\n(in Etalage instance: "'+instance_id+'")');
								}
							});
							// This is for the dropdown list example:
							$('.dropdownlist').change(function(){
								etalage_show( $(this).find('option:selected').attr('class') );
							});

					});
				</script>
				<!----//details-product-slider--->
				<div class="details-left" style="width: 70%;">
					<div class="details-left-slider" style="width: 280px;">
					    <img src="images/16.png">
						<div class="product-more-details">
							<input type="button" style="margin-right: 20px;" value="站内信"><input class="yuyue" type="button" value="立即预约">
						</div>
					</div>
					<div class="details-left-info">
						<div class="details-right-head">
						<h1>美汇美装饰</h1>
						<p class="product-detail-info">联系人：XXX</p>
						<p class="product-detail-info">联系电话：XXX</p>
						<p class="product-detail-info">地址：XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
						<p class="product-detail-info">信誉：<img src="images/star.png"><span style="color:red; margin-left:10px;">4分</span></p>
						<p class="product-detail-info">好评率：<span>100%</span></p>
						<p class="product-detail-info">评价：<span style="color:red;">26</span>条</p>
					</div>
					</div>
					<div class="clearfix"> </div>
				</div>
				<div class="details-right" style="width: 29%;">
					<h4 style="margin-top: 200px;font-weight: 700;color: red;">出工当期</h4>
					<div id='calendar' style="width:100%;"></div>
				</div>
				<div class="clearfix"> </div>
				<!---//评论--->
				<div>
					<ul class="product-head" style="border: 1px solid #dbdbdb;padding: 0 10px;background: antiquewhite;">
						<li><a href="#"></a>店铺 <span>::</span></li>
						<li class="active-page">案例</li>
						<div class="clearfix"> </div>
					</ul>
					 <!-- start content_slider -->
					   <div id="" class="owl-carousel text-center">
							<div class="item" style="margin: 20px 22px 20px 5px;">
								<div onClick="location.href='single-page.html';" class="product-grid">
									<div class="product-pic">
										<img src="images/p1.jpg" title="Elliot Boots" />
									</div>
									<div class="product-pic-info">
										<h3><a href="#">Elliot Boots</a></h3>
										<h4><a href="#">92平米&nbsp;&nbsp;中式风格</a></h4>
										<div class="product-pic-info-price-cart">
											<div class="product-pic-info-price">
												<span>$129</span>
											</div>
											<div class="product-pic-info-cart">
												<a class="p-btn" href="#">立刻预约</a>
											</div>
											<div class="clearfix"> </div>
										</div>
									</div>
								</div>
							</div>
							 <div class="item" style="margin: 20px 22px 20px 5px;">
								<div onClick="location.href='single-page.html';" class="product-grid">
									<div class="product-pic">
										<img src="images/p2.jpg" title="Elliot Boots" />
									</div>
									<div class="product-pic-info">
										<h3><a href="#">Elliot Boots</a></h3>
										<h4><a href="#">92平米&nbsp;&nbsp;中式风格</a></h4>
										<div class="product-pic-info-price-cart">
											<div class="product-pic-info-price">
												<span>$89</span>
											</div>
											<div class="product-pic-info-cart">
												<a class="p-btn" href="#">立刻预约</a>
											</div>
											<div class="clearfix"> </div>
										</div>
									</div>
								</div>
							</div>
							 <div class="item" style="margin: 20px 22px 20px 5px;">
								<div onClick="location.href='single-page.html';" class="product-grid">
									<div class="product-pic">
										<img src="images/p3.jpg" title="Elliot Boots" />
									</div>
									<div class="product-pic-info">
										<h3><a href="#">Elliot Boots</a></h3>
										<h4><a href="#">92平米&nbsp;&nbsp;中式风格</a></h4>
										<div class="product-pic-info-price-cart">
											<div class="product-pic-info-price">
												<span>$149</span>
											</div>
											<div class="product-pic-info-cart">
												<a class="p-btn" href="#">立刻预约</a>
											</div>
											<div class="clearfix"> </div>
										</div>
									</div>
								</div>
							</div>
							 <div class="item" style="margin: 20px 22px 20px 5px;">
								<div onClick="location.href='single-page.html';" class="product-grid">
									<div class="product-pic">
										<img src="images/p1.jpg" title="Elliot Boots" />
									</div>
									<div class="product-pic-info">
										<h3><a href="#">Elliot Boots</a></h3>
										<h4><a href="#">92平米&nbsp;&nbsp;中式风格</a></h4>
										<div class="product-pic-info-price-cart">
											<div class="product-pic-info-price">
												<span>$129</span>
											</div>
											<div class="product-pic-info-cart">
												<a class="p-btn" href="#">立刻预约</a>
											</div>
											<div class="clearfix"> </div>
										</div>
									</div>
								</div>
							</div>
							 <div class="item" style="margin: 20px 22px 20px 5px;">
								<div onClick="location.href='single-page.html';" class="product-grid">
									<div class="product-pic">
										<img src="images/p3.jpg" title="Elliot Boots" />
									</div>
									<div class="product-pic-info">
										<h3><a href="#">Elliot Boots</a></h3>
										<h4><a href="#">92平米&nbsp;&nbsp;中式风格</a></h4>
										<div class="product-pic-info-price-cart">
											<div class="product-pic-info-price">
												<span>$129</span>
											</div>
											<div class="product-pic-info-cart">
												<a class="p-btn" href="#">立刻预约</a>
											</div>
											<div class="clearfix"> </div>
										</div>
									</div>
								</div>
							</div>
							<div class="item" style="margin: 20px 22px 20px 5px;">
								<div onClick="location.href='single-page.html';" class="product-grid">
									<div class="product-pic">
										<img src="images/p1.jpg" title="Elliot Boots" />
									</div>
									<div class="product-pic-info">
										<h3><a href="#">Elliot Boots</a></h3>
										<h4><a href="#">92平米&nbsp;&nbsp;中式风格</a></h4>
										<div class="product-pic-info-price-cart">
											<div class="product-pic-info-price">
												<span>$129</span>
											</div>
											<div class="product-pic-info-cart">
												<a class="p-btn" href="#">立刻预约</a>
											</div>
											<div class="clearfix"> </div>
										</div>
									</div>
								</div>
							</div>
							 <div class="item" style="margin: 20px 22px 20px 5px;">
								<div onClick="location.href='single-page.html';" class="product-grid">
									<div class="product-pic">
										<img src="images/p2.jpg" title="Elliot Boots" />
									</div>
									<div class="product-pic-info">
										<h3><a href="#">Elliot Boots</a></h3>
										<h4><a href="#">92平米&nbsp;&nbsp;中式风格</a></h4>
										<div class="product-pic-info-price-cart">
											<div class="product-pic-info-price">
												<span>$89</span>
											</div>
											<div class="product-pic-info-cart">
												<a class="p-btn" href="#">立刻预约</a>
											</div>
											<div class="clearfix"> </div>
										</div>
									</div>
								</div>
							</div>
							 <div class="item" style="margin: 20px 22px 20px 5px;">
								<div onClick="location.href='single-page.html';" class="product-grid">
									<div class="product-pic">
										<img src="images/p3.jpg" title="Elliot Boots" />
									</div>
									<div class="product-pic-info">
										<h3><a href="#">Elliot Boots</a></h3>
										<h4><a href="#">92平米&nbsp;&nbsp;中式风格</a></h4>
										<div class="product-pic-info-price-cart">
											<div class="product-pic-info-price">
												<span>$149</span>
											</div>
											<div class="product-pic-info-cart">
												<a class="p-btn" href="#">立刻预约</a>
											</div>
											<div class="clearfix"> </div>
										</div>
									</div>
								</div>
							</div>
							 <div class="item" style="margin: 20px 22px 20px 5px;">
								<div onClick="location.href='single-page.html';" class="product-grid">
									<div class="product-pic">
										<img src="images/p1.jpg" title="Elliot Boots" />
									</div>
									<div class="product-pic-info">
										<h3><a href="#">Elliot Boots</a></h3>
										<h4><a href="#">92平米&nbsp;&nbsp;中式风格</a></h4>
										<div class="product-pic-info-price-cart">
											<div class="product-pic-info-price">
												<span>$129</span>
											</div>
											<div class="product-pic-info-cart">
												<a class="p-btn" href="#">立刻预约</a>
											</div>
											<div class="clearfix"> </div>
										</div>
									</div>
								</div>
							</div>
							 <div class="item" style="margin: 20px 22px 20px 5px;">
								<div onClick="location.href='single-page.html';" class="product-grid">
									<div class="product-pic">
										<img src="images/p3.jpg" title="Elliot Boots" />
									</div>
									<div class="product-pic-info">
										<h3><a href="#">Elliot Boots</a></h3>
										<h4><a href="#">92平米&nbsp;&nbsp;中式风格</a></h4>
										<div class="product-pic-info-price-cart">
											<div class="product-pic-info-price">
												<span>$129</span>
											</div>
											<div class="product-pic-info-cart">
												<a class="p-btn" href="#">立刻预约</a>
											</div>
											<div class="clearfix"> </div>
										</div>
									</div>
								</div>
							</div>
					  </div>
				<!--//sreen-gallery-cursual---->
			</div>
				<!---//评论--->
				<div>
					<ul class="product-head" style="border: 1px solid #dbdbdb;padding: 0 10px;background: antiquewhite;">
						<li> <span></span></li>
						<li class="active-page"></li>
						<div class="clearfix"> </div>
					</ul>
					<ul class="product-head" style="border-bottom: 2px solid #dbdbdb;padding: 10px 10px 0;">
						<li><a href="#">评价</a> <span>::</span></li>
						<li class="active-page">详情</li>
						<div class="clearfix"> </div>
					</ul>
					<div class="details">
						<h4>【业主】业主001</h4>
						<p><span>评分：4分</span><span style="float: right;">2015/01/25</span></p>
						<p style="border-bottom: 1px solid #dbdbdb;padding-bottom: 10px;">好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评</p>
					</div>
					<div class="details">
						<h4>【业主】业主001</h4>
						<p><span>评分：4分</span><span style="float: right;">2015/01/25</span></p>
						<p style="border-bottom: 1px solid #dbdbdb;padding-bottom: 10px;">好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评</p>
					</div>
					<div class="details">
						<h4>【业主】业主001</h4>
						<p><span>评分：4分</span><span style="float: right;">2015/01/25</span></p>
						<p style="border-bottom: 1px solid #dbdbdb;padding-bottom: 10px;">好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评</p>
					</div>
					<div class="details">
						<h4>【业主】业主001</h4>
						<p><span>评分：4分</span><span style="float: right;">2015/01/25</span></p>
						<p style="border-bottom: 1px solid #dbdbdb;padding-bottom: 10px;">好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评</p>
					</div>
					<div class="details">
						<h4>【业主】业主001</h4>
						<p><span>评分：4分</span><span style="float: right;">2015/01/25</span></p>
						<p style="border-bottom: 1px solid #dbdbdb;padding-bottom: 10px;">好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评</p>
					</div>
					<div class="details">
						<h4>【业主】业主001</h4>
						<p><span>评分：4分</span><span style="float: right;">2015/01/25</span></p>
						<p style="border-bottom: 1px solid #dbdbdb;padding-bottom: 10px;">好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评好评</p>
					</div>
				</div>
				<!---//End-评论--->
			<!---//End-product-details--->
			</div>
		</div>
		</div>
		<!-- /Product-Details-page -->
		<!--预约站内信-->
		<div class="contact-bottom-grids" style="display:none;position: fixed;z-index: 99;top: 100px;left: 20%;width: 600px;background: wheat;">
			<div class="contact-bottom-grid-right" style="float: none;margin: 0 auto;width: 90%;">
				<h3>在线预约留言 <span class="close" style="float: right;margin-top: -20px; cursor:pointer;"><img src="images/010.gif"></span></h3>
				<form>
					<div class="text">
						<div class="text-fild">
							<span>您的称呼:</span>
							<input type="text" style="padding: 0.4em;" class="text">
						</div>
						<div class="text-fild">
							<span>您的性别:</span>
							<input type="text" style="padding: 0.4em;" class="text">
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="msg-fild">
							<span>联系电话:</span>
							<input type="text" style="padding: 0.4em;" class="text">
					</div>
					<div class="msg-fild">
							<span>您的的地址:</span>
							<input type="text" style="padding: 0.4em;" class="text">
					</div>
					<div class="text">
						<div class="text-fild">
							<span>所属楼盘:</span>
							<input type="text" style="padding: 0.4em;" class="text">
						</div>
						<div class="text-fild">
							<span>房屋面积:</span>
							<input type="text" style="padding: 0.4em;" class="text">
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="message-fild" style="padding: 1em 0;">
							<span>留言:</span>
							<textarea style="min-height: 100px;"> </textarea>
					</div>
					<input style="margin:0 0 10px;float: right;" type="submit" value="Send">
				</form>
			</div>
			<div class="clearfix"> </div>
		</div>
		<!--end 预约站内信-->
		<!-- 预约站内信 -->
		<script>
			jQuery(document).ready(function($){
			    $('.yuyue').click(function(){
					$('.contact-bottom-grids').show();
				});
			
				$('.close').click(function(){
					$('.contact-bottom-grids').hide();
				});

			});
		</script>
		<!--end 预约站内信-->
		<!-- footer -->
		<div class="footer">
			<div class="container" style="text-align:center;">
				版权所有：南京竹羽信息科技有限公司
			</div>
		</div>
		<!-- footer -->
		<!-- container -->
	<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>

